
<html>
        <head>
                <!--<style type="text/css">
                         div {
                           border-top: none;
                           border-right: 1px solid black;
                           border-bottom: 1px solid black;
                            border-left: 1px solid black;
                           }
                        #header {
                                text-align: center;
                                clear:both;
                        }
                        #wrapper {
                                margin:0 auto;
                                width:600px;
                                clear:both;
                        }
                        #submain {
                                margin:0 auto;
                                width:600px;
                           clear:both;
                        }
                        #sub-left {
                                float:left;
                                width:300px;
                           clear:both; overflow:hidden;
                        }
                        #sub-right {
                                float:right;
                                width:240px;
                                text-align: right;
                                 clear:both; overflow:hidden;
                        }
                        #whatever div {
                          display: inline
                            margin: 0 1em 0 1em
                           width: 30%
                        }
                </style> -->

        </head>
        <body>
                <!-- <div id="wrapper" >
                        <div id="header"><h1>Head</h1></div>
                        <div id="sub-main">
                            <div id="sub-left">
								<div id="header"><h1>Head 2</h1></div>
									<div id="sub-main">
                                        <div id="sub-left">
                                            Right
										</div>
										<div id="sub-right">
                                             Left                               
										</div>
									</div>
							</div>
							<div id="sub-right">
								<div id="header"><h1>Head 3</h1></div>
									<div id="sub-main">
										<div id="sub-left">
                                            Right123123
										</div>
										<div id="sub-right">
                                             Left                               
										</div>
									</div>
							</div>                     
                        </div>
                </div>
           <h1>asdasdasd</h1>
				<div id="whatever">
					<div>content</div>
					<div>content</div>
					<div>content</div>asdffdsds
				</div> -->
				<div id="wrapper">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div id="fifth">5</div>
<div style="clear:both"></div>
<div>
<style type="text/css">
div#wrapper{
width:800px;
border:1px solid black;
}
div#wrapper div{
float:left;
width:120px;
margin-right:20px;
border:1px solid red;
}
div#wrapper #fifth{
margin:0;
}
</style>
        </body>
</html>